<template>
  <div class="layout">
    <common-header :title="imgName"></common-header>
    <img src="./p_img.png">
  </div>
</template>
<script>
  import $ from 'jquery'
  import Header from '../subComponents/header.vue'
  export default {
    data () {
      return {
        imgName: ''
      }
    },
    components: {
      'common-header': Header
    },
    methods: {
      setLayoutSize () {
        $('.layout').height($(window).height())
      }
    },
    created () {
      this.imgName = this.$route.query.title
    },
    mounted () {
      this.setLayoutSize()
    }
  }
</script>
<style scoped>
  .layout {
    background-color: #000;
    position: relative;
  }

  .header {
    background-color: #000 !important;
  }

  /* content部分*/
  .layout img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
</style>
